import React from 'react';
import PropTypes from "prop-types";

export default class LoginPhone extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            color: props.color
        }
    }

    render() {
        return (
            <svg id="iconPhone" width="20px" data-name="phone" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.55 34.154">
                <path fill={this.state.color} id="路径_3417" data-name="路径 3417" className="cls-1"
                      d="M230.577,87.441H215a4,4,0,0,0-3.988,3.988v26.179A4,4,0,0,0,215,121.6h15.575a4,4,0,0,0,3.988-3.988V91.4a3.971,3.971,0,0,0-3.988-3.959ZM215,89.464h15.575a1.967,1.967,0,0,1,1.965,1.965V111.6h-19.5V91.4A1.961,1.961,0,0,1,215,89.464Zm15.575,30.109H215a1.967,1.967,0,0,1-1.965-1.965V113.62h19.5v3.988A1.967,1.967,0,0,1,230.577,119.573Z"
                      transform="translate(-211.015 -87.441)"/>
                <path fill={this.state.color} id="路径_3418" data-name="路径 3418" className="cls-1"
                      d="M448.969,788.415h-2.8a1.011,1.011,0,0,0,0,2.023h2.8a1.024,1.024,0,0,0,1.011-1.011A1,1,0,0,0,448.969,788.415Z"
                      transform="translate(-435.793 -760.386)"/>
                <path fill={this.state.color} id="路径_3419" data-name="路径 3419" className="cls-1"
                      d="M383.382,194.769m-1.1,0a1.1,1.1,0,1,0,1.1-1.1A1.1,1.1,0,0,0,382.284,194.769Z"
                      transform="translate(-375.436 -189.424)"/>
                <path fill={this.state.color} id="路径_3420" data-name="路径 3420" className="cls-1"
                      d="M479.494,194.769m-1.1,0a1.1,1.1,0,1,0,1.1-1.1A1.1,1.1,0,0,0,478.4,194.769Z"
                      transform="translate(-467.705 -189.424)"/>
                <path fill={this.state.color} id="路径_3421" data-name="路径 3421" className="cls-1"
                      d="M575.607,194.769m-1.1,0a1.1,1.1,0,1,0,1.1-1.1A1.1,1.1,0,0,0,574.509,194.769Z"
                      transform="translate(-559.975 -189.424)"/>
            </svg>
        );
    }
}

LoginPhone.defaultProps = {
    color: '#ccc'
};

LoginPhone.propTypes = {
    color: PropTypes.string,
};